<template>
    <dd-flex gap="1em">
        <dd-radio v-model="checkedValue" value="man">man</dd-radio>
        <dd-radio v-model="checkedValue" value="woman">woman</dd-radio>
        <dd-radio v-model="checkedValue" value="rewrite">
            <template #rewrite="{ active }">
                <div class="my-radio">点击我: {{ active }}</div>
            </template>
        </dd-radio>
        checkedValue: {{ checkedValue }}
    </dd-flex>
</template>
<script setup lang="ts">
import { ref } from "vue";
const checkedValue = ref<string>();
</script>
<style>
.my-radio.active {
    color: tomato;
}
</style>
